/*
 * @Description: 更换手机号
 * @Author: iamsmiling
 * @Date: 2021-06-13 15:06:43
 * @LastEditTime: 2021-06-15 08:40:43
 */
import 'package:credit_business_circle/R/R.dart';
import 'package:credit_business_circle/components/button/captcha_button.dart';
import 'package:credit_business_circle/pages/login/modify_telephone/modify_telephone_controller.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

class ModifyTelephonePage extends GetView<ModifyTelephoneController> {
  const ModifyTelephonePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("更换手机号"),
        elevation: 0,
      ),
      body: SingleChildScrollView(
        child: Column(
          children: [
            Container(
              margin: EdgeInsets.symmetric(
                  vertical: R.dimen.dp24, horizontal: R.dimen.dp22),
              child: Text.rich(TextSpan(
                  text: "您目前商务联系的手机号是",
                  style: TextStyle(
                      fontSize: R.dimen.sp14, color: R.color.ff333333),
                  children: [
                    TextSpan(
                        text: "    13735991999 ",
                        style: TextStyle(color: R.color.ff05b983)),
                    TextSpan(text: "，请输入 新的手机号。")
                  ])),
            ),
            Container(
              margin: EdgeInsets.only(bottom: R.dimen.dp13),
              padding: EdgeInsets.symmetric(vertical: R.dimen.dp8),
              color: R.color.ffffffff,
              child: Row(
                children: [
                  Container(
                    width: R.dimen.dp45,
                    margin: EdgeInsets.only(
                        left: R.dimen.dp24, right: R.dimen.dp24),
                    child: Text(
                      "+86",
                      style: TextStyle(
                          fontSize: R.dimen.sp14, color: R.color.ff333333),
                    ),
                  ),
                  Expanded(
                    child: TextFormField(
                      decoration: InputDecoration(
                        hintText: "请输入新手机号",
                        hintStyle: TextStyle(
                            height: 1.5,
                            fontSize: R.dimen.sp13,
                            color: R.color.ff999999),
                      ),
                    ),
                  ),
                ],
              ),
            ),
            Container(
              margin: EdgeInsets.only(bottom: R.dimen.dp30),
              color: R.color.ffffffff,
              child: Stack(
                alignment: AlignmentDirectional.centerEnd,
                children: [
                  Container(
                    padding: EdgeInsets.symmetric(vertical: R.dimen.dp8),
                    child: Row(
                      children: [
                        Container(
                          width: R.dimen.dp45,
                          margin: EdgeInsets.only(
                              left: R.dimen.dp24, right: R.dimen.dp24),
                          child: Text(
                            "验证码",
                            style: TextStyle(
                                fontSize: R.dimen.sp14,
                                color: R.color.ff333333),
                          ),
                        ),
                        Expanded(
                          child: TextFormField(
                            decoration: InputDecoration(
                              hintText: "请输入新手机号",
                              hintStyle: TextStyle(
                                  height: 1.5,
                                  fontSize: R.dimen.sp13,
                                  color: R.color.ff999999),
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                  Positioned(
                      right: 0,
                      top: 0,
                      bottom: 0,
                      child:
                          FittedBox(fit: BoxFit.fill, child: CaptchaButton()))
                ],
              ),
            ),
            Container(
              margin: EdgeInsets.symmetric(horizontal: R.dimen.dp20),
              child: ElevatedButton(onPressed: () {}, child: Text("保存")),
            )
          ],
        ),
      ),
    );
  }
}
